<template>
	<view class="page">
		<nav-bar title="消息详情"></nav-bar>
        <!-- 公共组件-每个页面必须引入 -->
        <public-module></public-module>
		<view class="title">{{messageInfo.messageTitle}}</view>
		<view class="content">
			{{messageInfo.messageContent.content}}
		</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapMutations
	} from 'vuex';
	export default {
		data() {
			return {};
		},
		computed: {
			...mapState(['messageInfo'])
		},
		//第一次加载
		onLoad(e) {},
		//页面显示
		onShow() {},
		//方法
		methods: {},
		//页面隐藏
		onHide() {},
		//页面卸载
		onUnload() {},
		//页面下来刷新
		onPullDownRefresh() {},
		//页面上拉触底
		onReachBottom() {},
		//用户点击分享
		onShareAppMessage(e) {
			return this.wxShare();
		}
	};
</script>
<style lang="scss" scoped>
	@import "@/style/mixin.scss";
	.page {
		background-color: #FFF;
		padding: 30rpx;
		.title {
			font-size: 36rpx;
			color: #333;
			font-weight: bold;
		}
		.content {
			font-size: 28rpx;
			line-height: 180%;
			color: #666;
			margin-top: 30rpx;
		}
	}
	
</style>
